<!DOCTYPE html>
<html lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Accueil</title>

    <meta charset="utf-8">

    <link rel="stylesheet" href="css/general.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen">

    <script src="js/bootstrap.js"></script>

  
</head>
<body>

<div class="corps">
  <header>
    <div id="margetop">
      <img src="img/banludica.png">
    </div>
      <ul id="menu">
        <li class="active"><a href="index.html">Accueil</a></li>
        <li><a href="continents.html">Continents</a></li>
        <li><a href="pays.html">Pays</a></li>
        <li><a href="capitalesdrapeaux.html">Capitales et drapeaux</a></li>
        <li><a href="reliefspaysages.html">Reliefs et paysages</a></li>
        <li><a href="quizz.html">Quizz</a></li>
        <li><a href="quizz.html">Contact</a></li>
      </ul>
  </header>
  <section class="continentspage">
    <div class="panel panel-default">
      <h3>Capitales et drapeaux</h3>
      <hr>
      <div class="form-inline" role="form">
                <input type="text" class="form-control" placeholder="Search">
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-search"></span> Rechercher</butto>
            </div>
      <hr>
      
  <h4>La liste des capitales</h4>
  <table class="table table-bordered">
    <tr>
      <td>Numéro</td>
      <td>Nom de la capitales</td>
      <td>Nom de pays</td>
      <td>Description</td>

    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>

    </tr>
  </table>
  <ul class="pager">
  <li><a href="#">Précédant</a></li>
  <li><a href="#">Suivant</a></li>
</ul>


    </div>
  </section>
    

<footer>
        <!--<ul id="social">
            <li><a href="#" title="facebook" rel="external nofollow"><img alt="" src="images/facebook.png"></a></li>
            <li><a href="#" title="twitter" rel="external nofollow"><img alt="" src="images/twitter.png"></a></li>
            <li><a href="#" title="linkedin" rel="external nofollow"><img alt="" src="images/linkedin.png"></a></li>
            <li><a href="#" title="rss" rel="external nofollow"><img alt="" src="images/rss.png"></a></li>
        </ul>-->
        <div id="privacy">
           Réalisé par:
        </div>
</footer>

</div>

</body>
</html>